{% extends "Industrial_Logs/base.html" %} {% block header %} {% endblock header %} {% block content %}{% for topic in topics %} {% empty %} {% endfor %}

<!-- Content Wrapper. Contains page content -->


<!-- Main content -->

<div class="box">
    <div class="content">
        <div class="wall-of-buttons">
            <a class="large blue button">设备温度</a>

            <a class="large blue button">设备湿度</a>


            <a class="large blue button">设备连接</a>

            <br />

        </div>
        <div style="text-align:center;clear:both">

        </div>
        <br>

    </div>
</div>
<!-- 搜索栏 -->
<!-- 
<form id=roll class="input-group input-group-sm" method="GET">
    <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
    <div class="input-group-append">
        <button class="btn btn-navbar" type="submit">
                  <i class="fas fa-search"></i>
                </button>
    </div>
</form>
<br> -->



<!-- 框1 echarts 
<div class="BoxWrap">
    <div class="horn">
        <div id="k1" style="width: 100%;height:150px;margin: auto;">

            <script type="text/javascript">
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('k1'));


                // 指定图表的配置项和数据
                option = {
                    title: {

                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross',
                            label: {
                                backgroundColor: '#6a7985'
                            }
                        }
                    },
                    legend: {
                        textStyle: {
                            fontSize: 10, //字体大小
                            color: '#ffffff' //字体颜色
                        },
                        data: ['传感器数据1', '传感器数据2', '传感器数据3', '传感器数据4', '传感器数据5']
                    },
                    toolbox: {
                        feature: {

                            dataView: { //数据视图
                                show: true
                            }
                        }
                    },
                    grid: {
                        left: '30',
                        right: '30',
                        bottom: '20',
                        top: '60',
                        containLabel: true
                    },
                    xAxis: [{
                            type: 'category',
                            boundaryGap: false,
                            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#ffffff'
                                }
                            }
                        }

                    ],
                    yAxis: {
                        axisLine: {
                            show: false
                        },
                        axisTick: {
                            show: false
                        },
                        //                                  splitLine:{show:false},
                        type: 'value',
                        axisLabel: {
                            formatter: '{value} M'
                        }
                    },
                    center: [200, 300],
                    series: [{
                            name: '传感器数据1',
                            type: 'line',
                            stack: '总量',
                            areaStyle: {},
                            data: {
                                {
                                    tx | safe
                                }
                            },
                            symbolSize: 10, // 图表	的点的大小
                            type: 'line'
                        }, {
                            name: '传感器数据2',
                            type: 'line',
                            stack: '总量',
                            areaStyle: {},
                            data: {
                                {
                                    tx | safe
                                }
                            },
                            symbolSize: 10, // 图表	的点的大小
                            type: 'line'
                        }, {
                            name: '传感器数据3',
                            type: 'line',
                            stack: '总量',
                            areaStyle: {},
                            data: {
                                {
                                    tx | safe
                                }
                            },
                            symbolSize: 10, // 图表	的点的大小
                            type: 'line'
                        }, {
                            name: '传感器数据4',
                            type: 'line',
                            stack: '总量',
                            areaStyle: {
                                normal: {}
                            },
                            data: {
                                {
                                    tx | safe
                                }
                            },
                            symbolSize: 10, // 图表	的点的大小
                            type: 'line'
                        }, {
                            name: '传感器数据5',
                            type: 'line',
                            stack: '总量',
                            areaStyle: {},
                            data: {
                                {
                                    tx | safe
                                }
                            },
                            symbolSize: 10, // 图表	的点的大小
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top'
                                }
                            },
                            areaStyle: {
                                normal: {}
                            }
                        }

                    ]
                };


                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            </script>
        </div>
        <div class="lt"></div>
        <div class="rt"></div>
        <div class="rb"></div>
        <div class="lb"></div>

    </div>
</div>
-->

<div class="BoxWrap-copy">
    <div class="horn">
        <div class="lt"></div>
        <div class="rt"></div>
        <div class="rb"></div>
        <div class="lb"></div>
    </div>
</div>
<br>

<!-- 列表 -->

<table class="hovertable">
    <tr>
        <th>信息1</th>
        <th>信息2</th>
        <th>信息3</th>
        <th>信息4</th>
        <th>信息5</th>
        <th>信息6</th>
    </tr>
    <tr οnmοuseοver="this.style.backgroundColor='#ffff66';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
    </tr>
    <tr οnmοuseοver="this.style.backgroundColor='#ffff66';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
        <td>装置 2A</td>
        <td>装置 2B</td>
        <td>装置 2C</td>
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
    </tr>
    <tr οnmοuseοver="this.style.backgroundColor='#ffff66';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
        <td>装置 3A</td>
        <td>装置 3B</td>
        <td>装置 3C</td>
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
    </tr>
    <tr οnmοuseοver="this.style.backgroundColor='#ffff66';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
        <td>装置 4A</td>
        <td>装置 4B</td>
        <td>装置 4C</td>
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
    </tr>
    <tr οnmοuseοver="this.style.backgroundColor='#ffff66';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
        <td>装置 5A</td>
        <td>装置 5B</td>
        <td>装置 5C</td>
        <td>装置 1A</td>
        <td>装置 1B</td>
        <td>装置 1C</td>
    </tr>
</table>


<!-- 标签云 (未完成)-->
<!-- <div>
    <div id="hovertreetags">
        <a href="http://hovertree.com/menu/java/" class="tagc1">Java</a>
        <a href="http://hovertree.com/menu/visualstudio/" class="tagc2">Python</a>
        <a href="http://hovertree.com/menu/javascript/" class="tagc5">JavaScript</a>
        <a href="http://hovertree.com/menu/php/" class="tagc2">PHP</a>
        <a href="http://hovertree.com/menu/jquery/" class="tagc2">jQuery</a>
        <a href="http://hovertree.com" class="tagc1">a</a>
        <a href="http://hwq2.com" class="tagc2">hwq2</a>
        <a href="http://hovertree.com/menu/texiao/" class="tagc5">s</a>
        <a href="http://hovertree.com/menu/csharp/" class="tagc2">C#</a>
        <a href="http://hovertree.com/menu/bootstrap/" class="tagc2">Bootstrap</a>
        <a href="http://hovertree.com/menu/java/" class="tagc5">Java</a>
        <a href="http://hovertree.net" class="tagc2">hovertree.net</a>
        <a href="http://keleyi.com/" class="tagc1">d</a>
        <a href="http://keleyi.com/a/bjac/d863921ed93d03ff.htm" class="tagc2">a标签</a>
        <a href="http://hovertree.com/h/bjaf/l3c6nm7b.htm" class="tagc5">f</a>
        <a href="http://hovertree.com/tiku/bjaf/5v9ps30o.htm" class="tagc2">数组</a>
        <a href="http://tool.hovertree.com/a/base64/" class="tagc2">Base 64</a>
        <a href="http://hovertree.com" class="tagc1">HoverTree</a>
        <a href="http://hovertree.com/code/css/4u8q30yw.htm" class="tagc2">a</a>
        <a href="http://hovertree.com/code/" class="tagc5">代码</a>
        <a href="http://hovertree.com/menu/css/" class="tagc2">CSS</a>
        <a href="http://hovertree.com/h/bjaf/c7lmaqjx.htm" class="tagc2">Bootstrap</a>
        <a href="http://hovertree.com/tiku/" class="tagc5">s</a>
        <a href="http://hovertree.com/h/bjaf/kqud99m6.htm" class="tagc2">a</a>
    </div>
    <div class="hovertreeinfo"><a href="http://hovertree.com/h/bjaf/hovertreetags.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a>
    </div>
    <script src='http://hovertree.com/texiao/js/25/hovertreetags.js' type="text/javascript"></script>

</div> -->
<!-- /.container-fluid -->


<!-- /.content-wrapper -->
<!-- Main Footer -->


<!-- ./wrapper -->



{% endblock content %}